/* header */
a{
    text-decoration: none;
    color: black; 
}
header{
    height: 62px;
    line-height: 62px;
    border-bottom:1px solid #cccccc;
}
$c:#999999;
header{
    a{
        float:right;
        color:$c;
        text-decoration: none;
        margin-right:4px;
        &:hover{
            text-decoration: underline;
            color:black;
        }
    }
    em{
        float:right;
        color:$c;
        margin-right:4px;
        font-style: normal;
    }
    .iconfont{
        float: right;
        font-size:22px;
        color: #A5A5A5;
        margin-right:60px;
        &:hover{
            color:black;
        }
    }
    .icon-gouwuche{
        margin-left:30px;
        margin-right:40px;
    }
}

/* nav */
nav{
    height: 100px;
    line-height: 100px;
    border-bottom:1px solid #cccccc;
    position: relative;
    .logo{
        margin-left:150px;
        margin-top:30px;
    }
    .list{
        display: flex;
        list-style: none;
        font-size:18px;
        font-weight: 600;
        width:927px;
        margin-top:-113px;
        margin-left:400px;
        .sort{
            margin:0 30px;
            cursor:pointer;
            box-sizing: border-box;
            cursor: pointer;
            &:hover{
                border-bottom:3px solid red;
            }
            .goods{
                width: 100%;
                box-sizing: border-box;
                position: absolute;
                left: 0;
                top: 101px;
                font-size: 16px;
                font-weight: 100;
                z-index: 1;
                background:white;
                display: none;
                padding-left:200px;
                padding-top:30px;
                padding-bottom:30px;
                ul{
                    padding:0 50px;
                    line-height: 30px;
                    list-style: none;
                    color: black;
                    border-right: 1px solid gray;
                    li{
                        &:first-child{
                            font-weight: 600;
                            height: 30px;
                        }
                        a{
                            &:hover{
                                color:orange;
                            }
                        }
                    }
                }
            }
            &:hover .goods{
                display: flex;
            }
        }
    }
    .search{
        float: right;
        width: 200px;
        height: 30px;
        border:1px solid gray;
        border-radius:3px;
        display: flex;
        align-items: center;
        position: absolute;
        right:70px;
        top:33px;
        img{
            width: 25px;
            height: 24px;
            cursor: pointer;
            margin:0 10px;
        }
        input{
            border:none;
            width:100px;
            height: 29px;
            outline: none;
        }
    }
}
/* footer */
footer{
    padding:50px 0 60px;
    background:black;
    .cont2{
        width: 1280px;
        margin:0 auto;
    }
    img{
        width:250px;
        height: 96px;
    }
    .rCont{
        float: right;
        width:900px;
    }
    a{
        color:white;
    }
    .fir{
        margin-left:15px;
        border-right:1px solid white;
        padding-right:20px;
        margin-right:15px;
    }
    .sec{
        margin:15px 0 40px;
        padding-left:15px;
        a{
            &:nth-child(4){
                margin-right:10px;
            }
        }
    }
    span{
        color:white;
        margin-right:10px;
    }
    .third{
        a{
            padding-right:20px;
            padding-left: 15px;
            border-right:1px solid white;
            &:last-child{
                border-right:none;
            }
        }
    }
}